/* 容器及布局 */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
}

.title {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 40px;
}

.row {
    display: flex;
    flex-direction: column; /* 让图表在垂直方向排列 */
    gap:0; /* 图表之间的间距 */
    margin-bottom: 0px;
}

/* 单个图表的容器 */
.svgWrapper {
    position: relative; /* 为了定位坐标轴说明 */
}
  
/* 左侧坐标轴说明 */
.yAxisLabel {
    position: absolute;
    top: 40%;
    left:6px;  /*当的距离 */
    transform: translateY(-50%) rotate(-90deg);  /* 旋转 90 度并垂直居中 */
    font-size: 14px;
    font-weight: bold;
}

/* 底部坐标轴说明 */
.xAxisLabel {
    position: absolute;
    bottom: 5px; /* 调整为适当的距离 */
    left: 90%;
    transform: translateX(-50%); /* 水平居中 */
    font-size: 14px;
    font-weight: bold;
}
.frame {
    border: 2px solid #007acc; // 框框的边框颜色
    border-radius: 10px;       // 可选，给框框加圆角
    padding: 10px;             // 框框的内边距
    background-color: #ffffff; // 框框内的背景颜色
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); // 可选，添加阴影
}

.content {
    width: 100%;
    height: 100%; // 确保内容占满框框
    display: flex;
    flex-direction: column; // 竖直排列
    gap: 20px;              // 子元素之间的间距
}